@charset "UTF-8";

// 命名空间 namespace
$ns-lyt : "l-";    // 布局(layouts)
$ns-obj : "o-";    // 对象(objects)
$ns-comp: "c-";    // 组件(components)
$ns-is  : "is-";   // 状态类，一般现在时(state classes)
$ns-has : "has-";  // 状态类，现在完成时(state classes)
$ns-util: "u-";    // 实用类(utility classes)
$ns-ani : "ani-";  // 动画类名(animations)

$base-size: 6px;  // 基准尺寸

// 栅格
$grid-num      : 12;    // 栅格数
$grid-col-space: 20px;  // 栅格默认间距，有 has-space 时生效

$row-space  : 15px;  // 行垂直间距
$label-space: $base-size * 2;  // 相邻 label 间距

// 文本框尺寸
$input-pd-lr  : 10px;
$input-size-lg: $base-size * 7;  // 42px
$input-size-md: $base-size * 6;  // 36px
$input-size-sm: $base-size * 5;  // 30px
$input-size-xs: $base-size * 4;  // 24px

$input-number-btn-wt      : 34px;
$input-checkbox-size      : 15px;
$input-checkbox-text-space: 3px;  // 选项框图标与文字间距

$input-radius : 4px;   // 文本框、按钮圆角
$btn-ft-size  : 14px;  // 文本框、按钮字体大小
$min-font-size: 12px;  // 最小文字尺寸

// 开关
$switch-ht           : $input-size-xs;
$switch-wt           : $switch-ht * 2;
$switch-pointer-space: 2px;  // 移动圆点与父容器间隙

// 按钮
$btn-pd-tb: ($input-size-md - ($btn-ft-size + 2px)) / 2;
$btn-pd-lr: $btn-pd-tb + 5px;

// 选项卡
$tabs-cont-pd-tb  : 10px;
$tabs-title-radius: 3px;

// 悬停提示框
$tooltip-space     : 3px;   // 提示框距离目标的间距
$tooltip-arrow-size: 8px;   // 指示箭头尺寸
$tooltip-cont-ht   : 30px;  // 内容区高度

// 标记
$badge-size: $base-size * 3;  // 18px
